@mixin clearfix {
  &:after {
    content: "";
    display: table;
    clear: both;
  }
}

@mixin scrollBar(
  $bg: #d3dce6,
  $active: #99a9bf,
  $w: 4px,
  $h: 1px,
  $radius: 10px
) {
  &::-webkit-scrollbar-track-piece {
    background: $bg;
    border-radius: $radius;
  }
  &::-webkit-scrollbar {
    width: $w;
    height: $h;
    border-radius: $radius;
  }
  &::-webkit-scrollbar-thumb {
    background: $active;
    border-radius: 20px;
    border-radius: $radius;
  }
}

@mixin relative {
  position: relative;
  width: 100%;
  height: 100%;
}

@mixin zihang($size: 1) {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: $size;
  -webkit-box-orient: vertical;
}
@mixin size($size: 1px) {
  width: $size;
  height: $size;
  border-radius: 50%;
  overflow: hidden;
}

$success: #67c23a;
